﻿.header{width:100%; float:left; clear:both; min-width:1200px; height:80px; background:#fff; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .20); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .20); box-shadow:0 0 3px rgba(0, 0, 0, .20);}
.head,.mainpage,.foot{width:1200px; margin:0 auto;}
.head .logo{float:left; margin-top:10px;}
.head .logo img{display:block; width:203px; height:62px;}
.head .menu{float:left; margin-top:15px; margin-left:170px;}
.head .menu li{float:left; font-size:18px; padding:0 20px;}
.head .menu li a{display:block; padding:10px 5px 13px; color:#666;}
.head .menu li a:hover,.head .menu li.at a{color:#04c7ff; border-bottom:#04c7ff 2px solid;}
.head .phone{ float:right; background: rgba(0, 0, 0, 0) url(images/phone.jpg) no-repeat scroll 0 center;color:#ffa304; font-size:28px; font-family:Arial; margin: 28px 0 0;
    padding-left: 35px; height:28px; line-height:28px;}

.index04{width:100%; float:left; clear:both; min-width:1200px; background:url(images/index-bg03.jpg) center center no-repeat; height:331px; padding:61px 0; margin-top:30px;}
.index04-left{float:left; width:839px; border-right:#878787 1px solid; height:330px;}
.index04-left .index04-l01{float:left; width:824px; border-bottom:#878787 1px solid; clear:both; padding-bottom:25px;}
.index04-left .index04-l01left{float:left; width:490px; border-right:#878787 1px solid;}
.index04-left .index04-l01left .p01{font-size:30px; color:#06ff00; line-height:36px;}
.index04-left .index04-l01left .p02{font-size:18px; color:#fff; padding-top:16px;}
.index04-left .index04-l01right{float:right; width:313px;}
.index04-left .index04-l01right .p01{color:#fff;}
.index04-left .index04-l01right .p02{color:#04c7ff; font-size:48px; line-height:52px; font-family:Arial;}
.index04-left .index04-l01right .p02 .sp01{display:inline-block; position:relative;}
.index04-left .index04-l01right .p02 .sp02{font-size:36px; line-height:40px; display:inline-block; position:absolute; right:-26px; top:-5px;}
.index04-left .index04-l01right .p03{color:#04c7ff; font-size:36px; line-height:36px;}
.index04-left .index04-l02{width:824px; float:left; clear:both;}
.index04-left .index04-l02 .p01{font-size:48px; color:#04c7ff; line-height:52px; margin-top:28px;}
.index04-left .index04-l02 .p02{color:#fff; margin-top:5px;}
.index04-right{float:right; width:310px;}
.index04-right .p01{font-size:82px; color:#04c7ff; line-height:100px; margin-top:45px;}
.index04-right .p02{color:#fff; margin-top:15px;}

.footer{width:100%; float:left; clear:both; min-width:1200px; background:#fff; padding:25px 0 35px;}
.foot-erweima{float:left; padding:0 15px; width:106px;}
.foot-erweima img{display:block; width:106px; height:106px;}
.foot-tel{float:left; padding:0 20px; width:420px;}
.foot-tel .p01{font-size:30px; line-height:35px;}
.foot-tel .p02{font-size:30px; line-height:40px; font-family:Arial; padding-top:20px;}
.foot-tel .p02 span{display:inline-block; background:url(images/foot-tel.png) 0 0 no-repeat; padding-left:50px;}
.foot-link{float:left; width:600px;}
.foot-link span{padding:0 8px;}
.foot-link a.beian{color:#04c7ff;}
.foot-link a.beian:hover{text-decoration:underline;}

/*分页css*/
.page{width:100%; float:left; clear:both; text-align:center; padding:40px 0;}
.page a{display:inline-block; width:34px; height:30px; border:1px solid #cccccc; line-height:30px; font-size:14px; text-align:center; background:#fff; border-radius:3px;}
.page a.first{width:66px;color:#ccc; margin-right:6px; font-family:Arial;}
.page a.pre{ width:66px; margin-right:6px; background:#fff; font-family:Arial;}
.page a.pre:hover{border:none;background:#04c7ff; color:#fff; padding:1px;}
.page a.num{margin:0 2px; font-family:Arial; }
.page a.num:hover{border:none;background:#04c7ff; color:#fff; padding:1px;}
.page a.at{margin:0 2px; font-family:Arial; border:none; background:#04c7ff; color:#fff; padding:1px; }
.page a.last{width:66px; color:#ccc; margin-left:6px; font-family:Arial;}
.page a.next{width:66px; margin-left:6px; background:#fff; font-family:Arial;}
.page a.next:hover{border:none;background:#04c7ff; color:#fff; padding:1px;}
.page span.txt01{padding:0 5px; line-height:37px; display:inline-block; color:#666;}
.page span.txt02{padding-left:10px; line-height:37px; display:inline-block; color:#999;}

/*回顶部*/
#goTop{position:fixed;width:50px;right:13px;bottom:50px;z-index:990; height:50px;line-height:202px;}
#goTop div{width:50px; float:left; clear:both; position:relative; text-align:center;}
#goTop div #gotop_btn{width:50px; display:block; background:url(images/jiantou1.png) center 11px no-repeat #fff; border:#eaeaea 1px solid; height:50px; position:absolute; line-height:202px; overflow:hidden; right:0; top:0;}
#goTop div #gotop_btn:hover{background:url(images/jiantou2.png) center 11px no-repeat #04c7ff; border:#04c7ff 1px solid;}
/*右侧悬浮*/
.rightmsg{position:fixed;width:50px;right:15px;bottom:240px;z-index:990; font-size:12px; line-height:20px;}
.rightmsg li{float:left; width:50px; clear:both; position:relative; height:50px; margin-top:6px; text-align:center;}
.rightmsg li .rightxuqiu{display:block; width:50px; height:50px; position:absolute; right:0; top:0; z-index:991;}
.rightmsg li .rightxuqiu font{display:block; width:50px; height:50px; line-height:202px; background:url(images/caigou1.png) center 11px no-repeat #fff;  border:#eaeaea 1px solid; overflow:hidden; }
.rightmsg li .rightxuqiu span{display:none;}
.rightmsg li .rightxuqiu.at font{background:url(images/caigou2.png) center 11px no-repeat #04c7ff; border:#04c7ff 1px solid;}
.rightmsg li .rightxuqiu.at span{display:block; background:url(images/zhanchu.png) center 0 no-repeat; position:absolute; right:50px; top:0; width:155px; height:50px; text-align:center; overflow:hidden; cursor:pointer; font-size:18px; color:#fff; line-height:50px;}


.rightmsg li .rightel{display:block; width:50px; height:50px; position:absolute; right:0; top:0; cursor:pointer;z-index:991;}
.rightmsg li .rightel font{display:block; width:50px; height:50px; line-height:202px; background:url(images/dianhua1.png) center 11px no-repeat #fff; border:#eaeaea 1px solid; color:#fff; font-size:12px;  overflow:hidden;}
.rightmsg li .rightel span{display:none;}
.rightmsg li .rightel:hover font{background:url(images/dianhua2.png) center 11px no-repeat #04c7ff; border:#04c7ff 1px solid;}
.rightmsg li .rightel:hover span{display:block; background:url(images/zhanchu.png) center 0 no-repeat; position:absolute; right:50px; top:0; width:155px; height:50px; line-height:50px; color:#fff; text-align:center;font-size:18px; overflow:hidden; font-family:Arial;}

.rightmsg li .rightewm{display:block; width:50px; height:50px; position:absolute; right:0; top:0;cursor:pointer;}
.rightmsg li .rightewm font{display:block; background:url(images/erweima1.png) center 11px no-repeat #fff; border:#eaeaea 1px solid; height:50px; line-height:220px; color:#fff; font-size:12px; overflow:hidden; width:50px;}
.rightmsg li .rightewm span{display:none;}
.rightmsg li .rightewm:hover font{background:url(images/erweima2.png) center 11px no-repeat #04c7ff;border:#04c7ff 1px solid;}
.rightmsg li .rightewm:hover span{display:block; position:absolute; right:50px; top:0; width:225px; background:url(images/erweimabeijing.png) center 0 no-repeat; height:228px; padding:5px;}
.rightmsg li .rightewm:hover img{width:147px; height:147px; padding-top:32px;}
.rightmsg li .rightewm:hover span p{ color:#fff; font-size:14px; line-height:32px;}

.data-no{overflow: hidden;padding: 50px 0 100px;text-align: center;width: 100%;}

